<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>自动提示测试</title>
	<link href="${pageContext.request.contextPath}/css/css.css" rel="stylesheet" type="text/css"/>
 	<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script>
 	<script src="${pageContext.request.contextPath}/js/jquery.NbspAutoComplete.1.0.js"></script>
 	<script type="text/javascript">
 	$(function(){
	 		$("#userName").NbspAutoComplete({
				location       : "${pageContext.request.contextPath}/auto!auto.action",
				datatype       : "json",
				//带有滚动条的结果
				selectcount    : "scrollbar",
				scrollbarcount : 5
			});
	 });
 	</script>
  </head>
  
  <body>
		<p align="center">自动提示，带有滚动条的结果 默认最大为可见5行</p>
		<br />
		<p align="center">自动提示：<input type="text" name="users.userName" class="nbsptext" id=userName />
  </body>
</html>
